﻿@{
    Layout=null;
}
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- Mirrored from htmlstream.com/preview/unify-v1.4/feature_btn_general.html by HTTrack Website Copier/3.x [XR&CO'2013], Mon, 09 Jun 2014 17:02:47 GMT -->
<head>
    <title>Unify | Welcome...</title>
    <!-- Meta -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="~/assets/plugins/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/assets/css/style.css" />
    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="~/assets/plugins/line-icons/line-icons.css" />
    <link rel="stylesheet" href="~/assets/plugins/font-awesome/css/font-awesome.min.css" />
    <!-- CSS Theme -->
    <link rel="stylesheet" href="~/assets/css/themes/default.css" id="style_color" />
    <!-- CSS Customization -->
    <link rel="stylesheet" href="~/assets/css/custom.css" />
</head>
<body>
    <!--=== Style Switcher ===-->
    <i class="style-switcher-btn fa fa-cogs hidden-xs"></i>
    <div class="style-switcher animated fadeInRight">
        <div class="theme-close"><i class="icon-close"></i></div>
        <div class="theme-heading">Theme Colors</div>
        <ul class="list-unstyled">
            <li class="theme-default theme-active" data-style="default" data-header="light"></li>
            <li class="theme-blue" data-style="blue" data-header="light"></li>
            <li class="theme-orange" data-style="orange" data-header="light"></li>
            <li class="theme-red" data-style="red" data-header="light"></li>
            <li class="theme-light last" data-style="light" data-header="light"></li>
            <li class="theme-purple" data-style="purple" data-header="light"></li>
            <li class="theme-aqua" data-style="aqua" data-header="light"></li>
            <li class="theme-brown" data-style="brown" data-header="light"></li>
            <li class="theme-dark-blue" data-style="dark-blue" data-header="light"></li>
            <li class="theme-light-green last" data-style="light-green" data-header="light"></li>
        </ul>
        <div style="margin-bottom:18px;"></div>
        <div class="theme-heading">Layouts</div>
        <div class="text-center">
            <a href="javascript:void(0);" class="btn-u btn-u-green btn-block active-switcher-btn wide-layout-btn">Wide</a>
            <a href="javascript:void(0);" class="btn-u btn-u-green btn-block boxed-layout-btn">Boxed</a>
        </div>
    </div><!--/style-switcher-->
    <!--=== End Style Switcher ===-->
    <div class="wrapper">
        <!--=== Header ===-->
        <div class="header">
            <!-- Topbar -->
            <div class="topbar">
                <div class="container">
                    <!-- Topbar Navigation -->
                    <ul class="loginbar pull-right">
                        <li>
                            <i class="fa fa-globe"></i>
                            <a>Languages</a>
                            <ul class="lenguages">
                                <li class="active">
                                    <a href="#">English <i class="fa fa-check"></i></a>
                                </li>
                                <li><a href="#">Spanish</a></li>
                                <li><a href="#">Russian</a></li>
                                <li><a href="#">German</a></li>
                            </ul>
                        </li>
                        <li class="topbar-devider"></li>
                        <li><a href="page_faq.html">Help</a></li>
                        <li class="topbar-devider"></li>
                        <li><a href="page_login.html">Login</a></li>
                    </ul>
                    <!-- End Topbar Navigation -->
                </div>
            </div>
            <!-- End Topbar -->
            <!-- Navbar -->
            <div class="navbar navbar-default" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="fa fa-bars"></span>
                        </button>
                        <a class="navbar-brand" href="index-2.html">
                            <img id="logo-header" src="~/assets/css/themes/@SiteConfiguration.MvcTheme/images/logo1-@(SiteConfiguration.MvcTheme).png" alt="Logo" />
                        </a>
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse navbar-responsive-collapse">
                        <ul class="nav navbar-nav">
                            <!-- Home -->
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                                    Home
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="index-2.html">Option 1: Default Page</a></li>
                                    <li><a href="page_home1.html">Option 2: Layer Slider</a></li>
                                    <li><a href="page_home2.html">Option 3: Revolution Slider</a></li>
                                    <li><a href="page_home3.html">Option 4: Amazing Content</a></li>
                                    <li><a href="page_home4.html">Option 5: Home Sidebar</a></li>
                                    <li><a href="page_home5.html">Option 6: Home Flatty</a></li>
                                    <li><a href="page_home6.html">Option 7: Home Magazine</a></li>
                                    <li><a href="page_home7.html">Option 8: Home Portfolio</a></li>
                                    <li><a href="page_home8.html">Option 9: Home Discover</a></li>
                                    <li><a href="page_jobs.html">Option 10: Home Jobs</a></li>
                                    <li><a href="page_home9.html">Option 11: Home Boxed</a></li>
                                    <li><a href="page_home11.html">Option 12: Home Boxed Image</a></li>
                                    <li><a href="page_home10.html">Option 13: Home Fixed Menu</a></li>
                                </ul>
                            </li>
                            <!-- End Home -->
                            <!-- Pages -->
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                                    Pages
                                </a>
                                <ul class="dropdown-menu">
                                    <!-- About Pages -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">About Pages</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_about1.html">About Us</a></li>
                                            <li><a href="page_about.html">About Basic</a></li>
                                            <li><a href="page_about_me.html">About Me</a></li>
                                            <li><a href="page_about_our_team.html">About Our Team</a></li>
                                        </ul>
                                    </li>
                                    <!-- End About Pages -->
                                    <!-- Job Pages -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Job Pages</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_jobs.html">Jobs Main Page</a></li>
                                            <li><a href="page_jobs_inner.html">Jobs Description Default</a></li>
                                            <li><a href="page_jobs_inner1.html">Jobs Description Basic</a></li>
                                            <li><a href="page_jobs_inner2.html">Jobs Description Min</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Job Pages -->
                                    <!-- Email Tempaltes -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Email Templates</a>
                                        <ul class="dropdown-menu">
                                            <li class="dropdown-submenu">
                                                <a href="javascript:void(0);">Email Corporate</a>
                                                <ul class="dropdown-menu">
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_aqua.html">Corporate Aqua Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_blue.html">Corporate Blue Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_brown.html">Corporate Brown Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_dark_blue.html">Corporate Dark Blue Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_green.html">Corporate Green Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_light_green.html">Corporate Light Green Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_grey.html">Corporate Grey Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_orange.html">Corporate Orange Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_purple.html">Corporate Purple Color</a></li>
                                                    <li><a target="_blank" href="email-templates/corporate/email_corporate_red.html">Corporate Red Color</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a href="javascript:void(0);">Email Flat</a>
                                                <ul class="dropdown-menu">
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_aqua.html">Flat Aqua Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_blue.html">Flat Blue Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_brown.html">Flat Brown Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_dark_blue.html">Flat Dark Blue Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_green.html">Flat Green Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_light_green.html">Flat Light Green Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_grey.html">Flat Grey Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_orange.html">Flat Orange Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_purple.html">Flat Purple Color</a></li>
                                                    <li><a target="_blank" href="email-templates/flat/email_flat_red.html">Flat Red Color</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a href="javascript:void(0);">Email Modern</a>
                                                <ul class="dropdown-menu">
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_aqua.html">Modern Aqua Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_blue.html">Modern Blue Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_brown.html">Modern Brown Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_dark_blue.html">Modern Dark Blue Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_green.html">Modern Green Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_light_green.html">Modern Light Green Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_grey.html">Modern Grey Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_orange.html">Modern Orange Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_purple.html">Modern Purple Color</a></li>
                                                    <li><a target="_blank" href="email-templates/modern/email_modern_red.html">Modern Red Color</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Service Pages</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_services.html">Our Services</a></li>
                                            <li><a href="page_services1.html">Our Services Basic</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Email Tempaltes -->
                                    <!-- Funny Boxes -->
                                    <li><a href="page_funny_boxes.html">Funny Boxes</a></li>
                                    <!-- End Funny Boxes -->
                                    <!-- Pricing Tables -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Pricing Tables</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_pricing.html">Default Pricing Tables</a></li>
                                            <li><a href="page_pricing_light.html">Light Pricing Tables</a></li>
                                            <li><a href="page_pricing_mega.html">Mega Pricing Tables</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Pricing Tables -->
                                    <!-- Invoice Page -->
                                    <li><a href="page_invoice.html">Invoice Page</a></li>
                                    <!-- End Invoice Page -->
                                    <!-- Search Results -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Search Results</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_search_inner.html">Default Search Results</a></li>
                                            <li><a href="page_search_table.html">Search Result Tables</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Search Results -->
                                    <!-- Coming Soon -->
                                    <li><a href="page_coming_soon.html">Coming Soon</a></li>
                                    <!-- End Coming Soon -->
                                    <!-- FAQs Pages -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">FAQs Pages</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_faq1.html">FAQs Page</a></li>
                                            <li><a href="page_faq.html">FAQs Basic</a></li>
                                        </ul>
                                    </li>
                                    <!-- End FAQs Pages -->
                                    <!-- Gallery Page -->
                                    <li><a href="page_gallery.html">Gallery Page</a></li>
                                    <!-- End Gallery Page -->
                                    <!-- Login and Registration -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Login and Registration</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_registration.html">Registration Page</a></li>
                                            <li><a href="page_login.html">Login Page</a></li>
                                            <li><a href="page_registration1.html">Registration Option</a></li>
                                            <li><a href="page_login1.html">Login Option</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Login and Registration -->
                                    <!-- Error Pages -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Error Pages</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_404_error.html">404 Error Default</a></li>
                                            <li><a href="page_404_error1.html">404 Error Option 1</a></li>
                                            <li><a href="page_404_error2.html">404 Error Option 2</a></li>
                                            <li><a href="page_404_error3.html">404 Error Option 3</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Error Pages -->
                                    <!-- Clients Page -->
                                    <li><a href="page_clients.html">Clients Page</a></li>
                                    <!-- End Clients Page -->
                                    <!-- Column Pages -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Column Pages</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="page_2_columns_left.html">2 Columns Page Left</a></li>
                                            <li><a href="page_2_columns_right.html">2 Columns Page Right</a></li>
                                            <li><a href="page_3_columns.html">3 Columns Page</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Column Pages -->
                                    <!-- Privacy Policy -->
                                    <li><a href="page_privacy.html">Privacy Policy</a></li>
                                    <!-- End Privacy Policy -->
                                    <!-- Terms Of Service -->
                                    <li><a href="page_terms.html">Terms Of Service</a></li>
                                    <!-- End Terms Of Service -->
                                </ul>
                            </li>
                            <!-- End Pages -->
                            <!-- Features -->
                            <li class="dropdown active">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                                    Features
                                </a>
                                <ul class="dropdown-menu">
                                    <!-- Typography -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Typography</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="feature_typo_general.html"><i class="fa fa-sort-alpha-asc"></i> General Typography</a></li>
                                            <li><a href="feature_typo_headings.html"><i class="fa fa-magic"></i> Headings Options</a></li>
                                            <li><a href="feature_typo_dividers.html"><i class="fa fa-ellipsis-h"></i> Deviders</a></li>
                                            <li><a href="feature_typo_blockquote.html"><i class="fa fa-quote-left"></i> Blockquote Blocks</a></li>
                                            <li><a href="feature_typo_boxshadows.html"><i class="fa fa-asterisk"></i> Box Shadows</a></li>
                                            <li><a href="feature_typo_testimonials.html"><i class="fa fa-comments"></i> Testimonials</a></li>
                                            <li><a href="feature_typo_tagline_boxes.html"><i class="fa fa-tasks"></i> Tagline Boxes</a></li>
                                            <li><a href="feature_typo_grid.html"><i class="fa fa-align-justify"></i> Grid Layouts</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Typography -->
                                    <!-- Buttons -->
                                    <li class="active dropdown-submenu">
                                        <a href="javascript:void(0);">Buttons UI</a>
                                        <ul class="dropdown-menu">
                                            <li class="active"><a href="feature_btn_general.html"><i class="fa fa-flask"></i> General Buttons</a></li>
                                            <li><a href="feature_btn_brands.html"><i class="fa fa-html5"></i> Brand &amp; Social Buttons</a></li>
                                            <li><a href="feature_btn_effects.html"><i class="fa fa-bolt"></i> Loading &amp; Hover Effects</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Buttons -->
                                    <!-- Icons -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Icons</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="feature_icon_general.html"><i class="fa fa-chevron-circle-right"></i> General Icons</a></li>
                                            <li><a href="feature_icon_fa.html"><i class="fa fa-chevron-circle-right"></i> Font Awesome Icons</a></li>
                                            <li><a href="feature_icon_line.html"><i class="fa fa-chevron-circle-right"></i>  Icons</a></li>
                                            <li><a href="feature_icon_glyph.html"><i class="fa fa-chevron-circle-right"></i> Glyphicons Icons</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Icons -->
                                    <!-- Content Boxes -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Content Boxes</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="feature_box_general.html"><i class="fa fa-cog"></i> General Content Boxes</a></li>
                                            <li><a href="feature_box_colored.html"><i class="fa fa-align-center"></i> Colored Boxes</a></li>
                                            <li><a href="feature_box_funny.html"><i class="fa fa-bars"></i> Funny Boxes</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Content Boxes -->
                                    <!-- Thumbnails -->
                                    <li><a href="feature_thumbails.html">Thumbnails</a></li>
                                    <!-- End Thumbnails -->
                                    <!-- Components -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Components</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="feature_compo_messages.html"><i class="fa fa-comment"></i> Alerts &amp; Messages</a></li>
                                            <li><a href="feature_compo_labels.html"><i class="fa fa-tags"></i> Labels &amp; Badges</a></li>
                                            <li><a href="feature_compo_progress_bars.html"><i class="fa fa-align-left"></i> Progress Bars</a></li>
                                            <li><a href="feature_compo_media.html"><i class="fa fa-volume-down"></i> Audio/Videos &amp; Images</a></li>
                                            <li><a href="feature_compo_panels.html"><i class="fa fa-columns"></i> Panels</a></li>
                                            <li><a href="feature_compo_pagination.html"><i class="fa fa-arrows-h"></i> Paginations</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Components -->
                                    <!-- Accordion and Tabs -->
                                    <li><a href="feature_accordion_and_tabs.html">Accordion &amp; Tabs</a></li>
                                    <!-- End Accordion and Tabs -->
                                    <!-- Timeline -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Timeline</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="feature_timeline1.html"><i class="fa fa-dot-circle-o"></i> Timeline Option 1</a></li>
                                            <li><a href="feature_timeline2.html"><i class="fa fa-dot-circle-o"></i> Timeline Option 2</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Timeline -->
                                    <!-- Carousel -->
                                    <li><a href="feature_carousels.html">Carousel Examples</a></li>
                                    <!-- End Carousel -->
                                    <!-- Forms -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Forms</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="feature_form_general.html"><i class="fa fa-bars"></i> Common Bootstrap Forms</a></li>
                                            <li><a href="feature_form_general1.html"><i class="fa fa-bars"></i> General Unify Forms</a></li>
                                            <li><a href="feature_form_advanced.html"><i class="fa fa-bars"></i> Advanced Forms</a></li>
                                            <li><a href="feature_form_layouts.html"><i class="fa fa-bars"></i> Form Layouts</a></li>
                                            <li><a href="feature_form_layouts_advanced.html"><i class="fa fa-bars"></i> Advanced Layout Forms</a></li>
                                            <li><a href="feature_form_states.html"><i class="fa fa-bars"></i> Form States</a></li>
                                            <li><a href="feature_form_sliders.html"><i class="fa fa-bars"></i> Form Sliders</a></li>
                                            <li><a href="feature_form_modals.html"><i class="fa fa-bars"></i> Modals</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Forms -->
                                    <!-- Tables -->
                                    <li><a href="feature_table_general.html">Tables</a></li>
                                    <!-- End Tables -->
                                    <!-- Maps -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Maps</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="feature_maps_google.html"><i class="fa fa-map-marker"></i> Google Maps</a></li>
                                            <li><a href="feature_maps_vector.html"><i class="fa fa-align-center"></i> Vector Maps</a></li>
                                        </ul>
                                    </li>
                                    <!-- End Maps -->
                                    <!-- Charts and Countdowns -->
                                    <li><a href="feature_compo_charts.html">Charts &amp; Countdowns</a></li>
                                    <!-- End Charts and Countdowns -->
                                    <!-- Sub Level Menu -->
                                    <li class="dropdown-submenu">
                                        <a href="javascript:void(0);">Sub Level 1</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="index-3.html">Sub Level 2</a></li>
                                            <li class="dropdown-submenu">
                                                <a href="javascript:void(0);">Sub Level 2</a>
                                                <ul class="dropdown-menu">
                                                    <li><a href="index-3.html">Sub Level 3</a></li>
                                                    <li><a href="index-3.html">Sub Level 3</a></li>
                                                    <li><a href="index-3.html">Sub Level 3</a></li>
                                                    <li><a href="index-3.html">Sub Level 3</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="index-3.html">Sub Level 2</a></li>
                                            <li class="dropdown-submenu">
                                                <a href="javascript:void(0);">Sub Level 2</a>
                                                <ul class="dropdown-menu">
                                                    <li><a href="index-3.html">Sub Level 3</a></li>
                                                    <li><a href="index-3.html">Sub Level 3</a></li>
                                                    <li><a href="index-3.html">Sub Level 3</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <!-- End Sub Level Menu -->
                                </ul>
                            </li>
                            <!-- End Features -->
                            <!-- Portfolio -->
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                                    Portfolio
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="portfolio_text_blocks.html">Portfolio Text Blocks</a></li>
                                    <li><a href="portfolio_2_column.html">Portfolio 2 Columns</a></li>
                                    <li><a href="portfolio_3_column.html">Portfolio 3 Columns</a></li>
                                    <li><a href="portfolio_4_column.html">Portfolio 4 Columns</a></li>
                                    <li><a href="portfolio_item.html">Portfolio Item Option 1</a></li>
                                    <li><a href="portfolio_item1.html">Portfolio Item Option 2</a></li>
                                </ul>
                            </li>
                            <!-- Ens Portfolio -->
                            <!-- Blog -->
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                                    Blog
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="blog_page.html">Blog Page</a></li>
                                    <li><a href="blog_large.html">Blog Large</a></li>
                                    <li><a href="blog_medium.html">Blog Medium</a></li>
                                    <li><a href="blog_full_width.html">Blog Full Width</a></li>
                                    <li><a href="blog_timeline.html">Blog Timeline</a></li>
                                    <li><a href="blog_right_sidebar.html">Blog Right Sidebar</a></li>
                                    <li><a href="blog_left_sidebar.html">Blog Left Sidebar</a></li>
                                    <li><a href="blog_item_option1.html">Blog Item Option 1</a></li>
                                    <li><a href="blog_item_option2.html">Blog Item Option 2</a></li>
                                </ul>
                            </li>
                            <!-- End Blog -->
                            <!-- Contacts -->
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                                    Contacts
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="page_contact1.html">Contacts Default</a></li>
                                    <li><a href="page_contact2.html">Contacts Option 1</a></li>
                                    <li><a href="page_contact3.html">Contacts Option 2</a></li>
                                </ul>
                            </li>
                            <!-- End Contacts -->
                            <!-- Search Block -->
                            <li>
                                <i class="search fa fa-search search-btn"></i>
                                <div class="search-open">
                                    <div class="input-group animated fadeInDown">
                                        <input type="text" class="form-control" placeholder="Search">
                                        <span class="input-group-btn">
                                            <button class="btn-u" type="button">Go</button>
                                        </span>
                                    </div>
                                </div>
                            </li>
                            <!-- End Search Block -->
                        </ul>
                    </div><!--/navbar-collapse-->
                </div>
            </div>
            <!-- End Navbar -->
        </div>
        <!--=== End Header ===-->
        <!--=== Breadcrumbs ===-->
        <div class="breadcrumbs">
            <div class="container">
                <h1 class="pull-left">General Buttons</h1>
                <ul class="pull-right breadcrumb">
                    <li><a href="index-2.html">Home</a></li>
                    <li><a href="#">Features</a></li>
                    <li class="active">Buttons</li>
                </ul>
            </div>
        </div><!--/breadcrumbs-->
        <!--=== End Breadcrumbs ===-->
        <!--=== Content Part ===-->
        <div class="container content">
            <div class="row">
                <!-- Begin Sidebar Menu -->
                <div class="col-md-3">
                    <ul class="list-group sidebar-nav-v1" id="sidebar-nav">
                        <!-- Typography -->
                        <li class="list-group-item list-toggle">
                            <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-typography">Typography</a>
                            <ul id="collapse-typography" class="collapse">
                                <li><a href="feature_typo_general.html"><i class="fa fa-sort-alpha-asc"></i> General Typography</a></li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_typo_headings.html"><i class="fa fa-magic"></i> Heading Options</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_typo_dividers.html"><i class="fa fa-ellipsis-h"></i> Dividers</a>
                                </li>
                                <li><a href="feature_typo_blockquote.html"><i class="fa fa-quote-left"></i> Blockquote Blocks</a></li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_typo_boxshadows.html"><i class="fa fa-asterisk"></i> Box Shadows</a>
                                </li>
                                <li><a href="feature_typo_testimonials.html"><i class="fa fa-comments"></i> Testimonials</a></li>
                                <li><a href="feature_typo_tagline_boxes.html"><i class="fa fa-tasks"></i> Tagline Boxes</a></li>
                                <li><a href="feature_typo_grid.html"><i class="fa fa-align-justify"></i> Grid Layouts</a></li>
                            </ul>
                        </li>
                        <!-- End Typography -->
                        <!-- Buttons UI -->
                        <li class="list-group-item list-toggle active">
                            <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-buttons">Buttons UI</a>
                            <ul id="collapse-buttons" class="collapse in">
                                <li class="active"><a href="feature_btn_general.html"><i class="fa fa-flask"></i> General Buttons</a></li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_btn_brands.html"><i class="fa fa-html5"></i> Brand &amp; Social Buttons</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_btn_effects.html"><i class="fa fa-bolt"></i> Loading &amp; Hover Effects</a>
                                </li>
                            </ul>
                        </li>
                        <!-- End Buttons UI -->
                        <!-- Icons -->
                        <li class="list-group-item list-toggle">
                            <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-icons">Icons</a>
                            <ul id="collapse-icons" class="collapse">
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_icon_general.html"><i class="fa fa-chevron-circle-right"></i> General Icons</a>
                                </li>
                                <li><a href="feature_icon_fa.html"><i class="fa fa-chevron-circle-right"></i> Font Awesome Icons</a></li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_icon_line.html"><i class="fa fa-chevron-circle-right"></i> Line Icons</a>
                                </li>
                                <li><a href="feature_icon_glyph.html"><i class="fa fa-chevron-circle-right"></i> Glyphicons Icons</a></li>
                            </ul>
                        </li>
                        <!-- End Icons -->
                        <!-- Content Boxes -->
                        <li class="list-group-item list-toggle">
                            <a class="accordion-toggle" href="#collapse-content-boxes" data-toggle="collapse">Content Boxes</a>
                            <ul id="collapse-content-boxes" class="collapse">
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_box_general.html"><i class="fa fa-cog"></i> General Content Boxes</a>
                                </li>
                                <li><a href="feature_box_colored.html"><i class="fa fa-align-center"></i> Colored Boxes</a></li>
                                <li><a href="feature_box_funny.html"><i class="fa fa-bars"></i> Funny Boxes</a></li>
                            </ul>
                        </li>
                        <!-- End Content Boxes -->
                        <!-- Thumbails -->
                        <li class="list-group-item"><a href="feature_thumbails.html">Thumbails</a></li>
                        <!-- End Thumbails -->
                        <!-- Components -->
                        <li class="list-group-item list-toggle">
                            <a class="accordion-toggle" href="#collapse-components" data-toggle="collapse">Components</a>
                            <ul id="collapse-components" class="collapse">
                                <li><a href="feature_compo_messages.html"><i class="fa fa-comment"></i> Alerts &amp; Messages</a></li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_compo_labels.html"><i class="fa fa-tags"></i> Labels &amp; Badges</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_compo_progress_bars.html"><i class="fa fa-align-left"></i> Progress Bars</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_compo_media.html"><i class="fa fa-volume-down"></i> Audio/Videos &amp; Images</a>
                                </li>
                                <li><a href="feature_compo_panels.html"><i class="fa fa-columns"></i> Panels</a></li>
                                <li><a href="feature_compo_pagination.html"><i class="fa fa-arrows-h"></i> Pagination</a></li>
                            </ul>
                        </li>
                        <!-- End Components -->
                        <!-- Accordion and Tabs -->
                        <li class="list-group-item"><a href="feature_accordion_and_tabs.html">Accordion and Tabs</a></li>
                        <!-- End Accordion and Tabs -->
                        <!-- Timeline -->
                        <li class="list-group-item list-toggle">
                            <a class="accordion-toggle" href="#collapse-timeline" data-toggle="collapse">Timeline</a>
                            <ul id="collapse-timeline" class="collapse">
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_timeline1.html"><i class="fa fa-dot-circle-o"></i> Timeline 1</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_timeline2.html"><i class="fa fa-dot-circle-o"></i> Timeline 2</a>
                                </li>
                            </ul>
                        </li>
                        <!-- End Timeline -->
                        <!-- Carousel Exampls -->
                        <li class="list-group-item">
                            <span class="badge badge-u">New</span>
                            <a href="feature_carousels.html">Carousel Exampls</a>
                        </li>
                        <!-- End Carousel Exampls -->
                        <!-- Forms -->
                        <li class="list-group-item list-toggle">
                            <a class="accordion-toggle" href="#collapse-forms" data-toggle="collapse">Forms</a>
                            <ul id="collapse-forms" class="collapse">
                                <li><a href="feature_form_general.html"><i class="fa fa-bars"></i> Common Bootstrap Forms</a></li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_form_general1.html"><i class="fa fa-bars"></i> General Unify Forms</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_form_advanced.html"><i class="fa fa-bars"></i> Advanced Forms</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_form_layouts.html"><i class="fa fa-bars"></i> Form Layouts</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_form_layouts_advanced.html"><i class="fa fa-bars"></i> Advanced Form Layouts</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_form_states.html"><i class="fa fa-bars"></i> Form States</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_form_sliders.html"><i class="fa fa-bars"></i> Form Sliders</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_form_modals.html"><i class="fa fa-bars"></i> Modals</a>
                                </li>
                            </ul>
                        </li>
                        <!-- End Forms -->
                        <!-- Tables -->
                        <li class="list-group-item"><a href="feature_table_general.html">Tables</a></li>
                        <!-- End Tables -->
                        <!-- Maps -->
                        <li class="list-group-item list-toggle">
                            <a class="accordion-toggle" href="#collapse-maps" data-toggle="collapse">Maps</a>
                            <ul id="collapse-maps" class="collapse">
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_maps_google.html"><i class="fa fa-map-marker"></i> Google Maps</a>
                                </li>
                                <li>
                                    <span class="badge badge-u">New</span>
                                    <a href="feature_maps_vector.html"><i class="fa fa-align-center"></i> Vector Maps</a>
                                </li>
                            </ul>
                        </li>
                        <!-- End Maps -->
                        <!-- Charts -->
                        <li class="list-group-item">
                            <span class="badge badge-u">New</span>
                            <a href="feature_compo_charts.html">Charts &amp; Countdowns</a>
                        </li>
                        <!-- End Charts -->
                    </ul>
                </div>
                <!-- End Sidebar Menu -->
                <!-- Begin Content -->
                <div class="col-md-9">
                    <!-- Default Buttons -->
                    <div class="margin-bottom-40">
                        <div class="alert alert-warning">
                            <button data-dismiss="alert" class="close" type="button">×</button>
                            <strong>Info!</strong> Here is Default Unify Buttons.
                        </div>
                        <!-- Unify Buttons -->
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Button</th>
                                    <th>class=""</th>
                                    <th class="hidden-xs">Description</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><button class="btn-u" type="button">Button Default</button></td>
                                    <td><code>btn-u</code></td>
                                    <td class="hidden-xs">Default Unify Template button style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-blue" type="button">Button Blue</button></td>
                                    <td><code>btn-u btn-u-blue</code></td>
                                    <td class="hidden-xs">Blue Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-red" type="button">Button Red</button></td>
                                    <td><code>btn-u btn-u-red</code></td>
                                    <td class="hidden-xs">Red Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-orange" type="button">Button Orange</button></td>
                                    <td><code>btn-u btn-u-orange</code></td>
                                    <td class="hidden-xs">Orange Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-sea" type="button">Button Turquoise</button></td>
                                    <td><code>btn-u btn-u-sea</code></td>
                                    <td class="hidden-xs">Turquoise Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-green" type="button">Button Green</button></td>
                                    <td><code>btn-u btn-u-green</code></td>
                                    <td class="hidden-xs">Green Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-yellow" type="button">Button Yellow</button></td>
                                    <td><code>btn-u btn-u-yellow</code></td>
                                    <td class="hidden-xs">Yellow Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-default" type="button">Button Grey</button></td>
                                    <td><code>btn-u btn-u-default</code></td>
                                    <td class="hidden-xs">Grey Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-dark" type="button">Button Dark</button></td>
                                    <td><code>btn-u btn-u-dark</code></td>
                                    <td class="hidden-xs">New Dark Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-purple" type="button">Button Purple</button></td>
                                    <td><code>btn-u btn-u-purple</code></td>
                                    <td class="hidden-xs">New Purple Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-aqua" type="button">Button Aqua</button></td>
                                    <td><code>btn-u btn-u-aqua</code></td>
                                    <td class="hidden-xs">New Aqua Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-brown" type="button">Button Brown</button></td>
                                    <td><code>btn-u btn-u-brown</code></td>
                                    <td class="hidden-xs">New Brown Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-dark-blue" type="button">Button Dark Blue</button></td>
                                    <td><code>btn-u btn-u-dark-blue</code></td>
                                    <td class="hidden-xs">New Dark Blue Button Style</td>
                                </tr>
                                <tr>
                                    <td><button class="btn-u btn-u-light-green" type="button">Button Light Green</button></td>
                                    <td><code>btn-u btn-u-light-green</code></td>
                                    <td class="hidden-xs">New Light Green Style</td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- End Unify Buttons -->
                        <div class="alert alert-info fade in">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <strong>Heads up!</strong> Here is default Bootstrap buttons.
                        </div>
                        <!-- Bootstrap Buttons -->
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Button</th>
                                    <th>class=""</th>
                                    <th>Description</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><button class="btn btn-default" type="button">Default</button></td>
                                    <td><code>btn btn-default</code></td>
                                    <td>Standard gray button with gradient</td>
                                </tr>
                                <tr>
                                    <td><button class="btn btn-primary" type="button">Primary</button></td>
                                    <td><code>btn btn-primary</code></td>
                                    <td>Provides extra visual weight and identifies the primary action in a set of buttons</td>
                                </tr>
                                <tr>
                                    <td><button class="btn btn-info" type="button">Info</button></td>
                                    <td><code>btn btn-info</code></td>
                                    <td>Used as an alternative to the default styles</td>
                                </tr>
                                <tr>
                                    <td><button class="btn btn-success" type="button">Success</button></td>
                                    <td><code>btn btn-success</code></td>
                                    <td>Indicates a successful or positive action</td>
                                </tr>
                                <tr>
                                    <td><button class="btn btn-warning" type="button">Warning</button></td>
                                    <td><code>btn btn-warning</code></td>
                                    <td>Indicates caution should be taken with this action</td>
                                </tr>
                                <tr>
                                    <td><button class="btn btn-danger" type="button">Danger</button></td>
                                    <td><code>btn btn-danger</code></td>
                                    <td>Indicates a dangerous or potentially negative action</td>
                                </tr>
                                <tr>
                                    <td><button class="btn btn-link" type="button">Link</button></td>
                                    <td><code>btn btn-link</code></td>
                                    <td>Deemphasize a button by making it look like a link while maintaining button behavior</td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- End Bootstrap Buttons -->
                    </div>
                    <!-- End Default Buttons -->
                    <!-- Button Icons -->
                    <div class="headline"><h2>Button Icons</h2></div>
                    <div class="margin-bottom-40">
                        <p>
                            <button class="btn-u btn-u-blue" type="button"><i class="fa fa-cloud"></i> Icon Button</button>
                            <button class="btn-u btn-u-red" type="button"><i class="fa fa-bell-o"></i> Icon Button</button>
                            <button class="btn-u btn-u-default" type="button"><i class="fa fa-envelope-o"></i> Icon Button</button>
                            <button class="btn-u btn-u-aqua" type="button"><i class="fa fa-download"></i> Icon Button</button>
                            <button class="btn-u btn-u-dark-blue" type="button"><i class="fa fa-clock-o"></i> Icon Button</button>
                            <button class="btn-u btn-u-brown" type="button"><i class="fa fa-picture-o"></i> Icon Button</button>
                        </p>
                        <p>
                            <button class="btn btn-default" type="button"><i class="fa fa-copy"></i> Icon Button</button>
                            <button class="btn btn-info" type="button"><i class="fa fa-unlink"></i> Icon Button</button>
                            <button class="btn btn-warning" type="button"><i class="fa fa-unlock"></i> Icon Button</button>
                            <button class="btn btn-success" type="button"><i class="fa fa-tags"></i> Icon Button</button>
                            <button class="btn btn-danger" type="button"><i class="fa fa-search"></i> Icon Button</button>
                        </p>
                        <br>
                        <p>
                            <button class="btn-u" type="button"><i class="fa fa-sort-alpha-desc"></i></button>
                            <button class="btn-u btn-u-purple" type="button"><i class="fa fa-star-o"></i></button>
                            <button class="btn-u btn-u-default" type="button"><i class="fa fa-suitcase"></i></button>
                            <button class="btn-u btn-u-yellow" type="button"><i class="fa fa-truck"></i></button>
                            <button class="btn-u btn-u-dark" type="button"><i class="fa fa-clock-o"></i></button>
                            <button class="btn-u btn-u-brown" type="button"><i class="fa fa-trash-o"></i></button>
                            <button class="btn-u btn-u-green" type="button"><i class="fa fa-shopping-cart"></i></button>
                            <button class="btn-u btn-u-blue" type="button"><i class="fa fa-rss"></i></button>
                            <button class="btn-u btn-u-light-green" type="button"><i class="fa fa-reply-all"></i></button>
                        </p>
                        <p>
                            <button class="btn-u btn-u-orange" type="button"><i class="fa fa-print"></i></button>
                            <button class="btn-u btn-u-red" type="button"><i class="fa fa-power-off"></i></button>
                            <button class="btn-u btn-u-dark-blue" type="button"><i class="fa fa-magic"></i></button>
                            <button class="btn-u btn-u-aqua" type="button"><i class="fa fa-lock"></i></button>
                            <button class="btn-u btn-u-sea" type="button"><i class="fa fa-file-text-o"></i></button>
                        </p>
                    </div>
                    <!-- End Button Icons -->
                    <!-- Outline Buttons -->
                    <div class="headline"><h2>Outline Buttons</h2></div>
                    <div class="tab-v1 margin-bottom-40">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#button-1" data-toggle="tab">Default Styles</a></li>
                            <li class=""><a href="#button-2" data-toggle="tab">Background on Hover</a></li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane fade in active" id="button-1">
                                <div class="clearfix margin-bottom-10"></div>
                                <p>
                                    <button class="btn-u btn-brd rounded btn-u-sea btn-u-lg" type="button"><i class="fa fa-unlink"></i> Rounded</button>
                                    <button class="btn-u btn-brd rounded btn-u-yellow" type="button"><i class="fa fa-bell-o"></i> Rounded</button>
                                    <button class="btn-u btn-brd rounded btn-u-green btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Rounded</button>
                                    <button class="btn-u btn-brd rounded btn-u-default btn-u-xs" type="button"><i class="fa fa-download"></i> Rounded</button>
                                </p>
                                <p>
                                    <button class="btn-u btn-brd rounded-2x btn-u-dark btn-u-lg" type="button"><i class="fa fa-unlink"></i> Rounded-2x</button>
                                    <button class="btn-u btn-brd rounded-2x btn-u-blue" type="button"><i class="fa fa-bell-o"></i> Rounded-2x</button>
                                    <button class="btn-u btn-brd rounded-2x btn-u-purple btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Rounded-2x</button>
                                    <button class="btn-u btn-brd rounded-2x btn-u-aqua btn-u-xs" type="button"><i class="fa fa-download"></i> Rounded-2x</button>
                                </p>
                                <p>
                                    <button class="btn-u btn-brd rounded-3x btn-u-brown btn-u-lg" type="button"><i class="fa fa-unlink"></i> Raunded-3x</button>
                                    <button class="btn-u btn-brd rounded-3x btn-u-dark-blue" type="button"><i class="fa fa-bell-o"></i> Raunded-3x</button>
                                    <button class="btn-u btn-brd rounded-3x btn-u-light-green btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Raunded-3x</button>
                                    <button class="btn-u btn-brd rounded-3x btn-u-red btn-u-xs" type="button"><i class="fa fa-download"></i> Raunded-3x</button>
                                </p>
                                <p>
                                    <button class="btn-u btn-brd rounded-4x btn-u-red btn-u-lg" type="button"><i class="fa fa-unlink"></i> Raunded-4x</button>
                                    <button class="btn-u btn-brd rounded-4x" type="button"><i class="fa fa-bell-o"></i> Raunded-4x</button>
                                    <button class="btn-u btn-brd rounded-4x btn-u-yellow btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Raunded-4x</button>
                                    <button class="btn-u btn-brd rounded-4x btn-u-dark btn-u-xs" type="button"><i class="fa fa-download"></i> Raunded-4x</button>
                                </p>
                                <hr>
                                <p>
                                    <button class="btn-u btn-brd btn-u btn-u-lg" type="button"><i class="fa fa-unlink"></i> Default Button</button>
                                    <button class="btn-u btn-brd btn-u-blue" type="button"><i class="fa fa-bell-o"></i> Default Button</button>
                                    <button class="btn-u btn-brd btn-u-red btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Default Button</button>
                                    <button class="btn-u btn-brd btn-u-orange btn-u-xs" type="button"><i class="fa fa-download"></i> Default Button</button>
                                </p>
                            </div>
                            <div class="tab-pane fade in" id="button-2">
                                <div class="clearfix margin-bottom-10"></div>
                                <p>
                                    <button class="btn-u btn-brd btn-brd-hover rounded btn-u-sea btn-u-lg" type="button"><i class="fa fa-unlink"></i> Rounded</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded btn-u-yellow" type="button"><i class="fa fa-bell-o"></i> Rounded</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded btn-u-green btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Rounded</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded btn-u-default btn-u-xs" type="button"><i class="fa fa-download"></i> Rounded</button>
                                </p>
                                <p>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-2x btn-u-dark btn-u-lg" type="button"><i class="fa fa-unlink"></i> Rounded-2x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-2x btn-u-blue" type="button"><i class="fa fa-bell-o"></i> Rounded-2x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-2x btn-u-purple btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Rounded-2x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-2x btn-u-aqua btn-u-xs" type="button"><i class="fa fa-download"></i> Rounded-2x</button>
                                </p>
                                <p>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-3x btn-u-brown btn-u-lg" type="button"><i class="fa fa-unlink"></i> Raunded-3x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-3x btn-u-dark-blue" type="button"><i class="fa fa-bell-o"></i> Raunded-3x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-3x btn-u-light-green btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Raunded-3x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-3x btn-u-red btn-u-xs" type="button"><i class="fa fa-download"></i> Raunded-3x</button>
                                </p>
                                <p>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-4x btn-u-red btn-u-lg" type="button"><i class="fa fa-unlink"></i> Raunded-4x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-4x" type="button"><i class="fa fa-bell-o"></i> Raunded-4x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-4x btn-u-yellow btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Raunded-4x</button>
                                    <button class="btn-u btn-brd btn-brd-hover rounded-4x btn-u-dark btn-u-xs" type="button"><i class="fa fa-download"></i> Raunded-4x</button>
                                </p>
                                <hr>
                                <p>
                                    <button class="btn-u btn-brd btn-brd-hover btn-u btn-u-lg" type="button"><i class="fa fa-unlink"></i> Default Button</button>
                                    <button class="btn-u btn-brd btn-brd-hover btn-u-blue" type="button"><i class="fa fa-bell-o"></i> Default Button</button>
                                    <button class="btn-u btn-brd btn-brd-hover btn-u-red btn-u-sm" type="button"><i class="fa fa-envelope-o"></i> Default Button</button>
                                    <button class="btn-u btn-brd btn-brd-hover btn-u-orange btn-u-xs" type="button"><i class="fa fa-download"></i> Default Button</button>
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- End Outline Buttons -->
                    <!-- Button Sizes and Block Buttons -->
                    <div class="headline"><h2>Button Sizes</h2></div>
                    <div class="row margin-bottom-40">
                        <!-- Button Sizes -->
                        <div class="col-md-6">
                            <p>Fancy larger or smaller buttons? Add <code>.btn-lg</code>, <code>.btn-sm</code>, or <code>.btn-xs</code> for additional sizes.</p>
                            <p>
                                <button class="btn-u btn-u-lg btn-u-purple" type="button">Large button</button>
                                <button class="btn-u btn-u-lg btn-u-brown" type="button">Large button</button>
                            </p>
                            <p>
                                <button class="btn-u btn-u-red" type="button">Default button</button>
                                <button class="btn-u btn-u-aqua" type="button">Default button</button>
                            </p>
                            <p>
                                <button class="btn-u btn-u-sm btn-u-sea" type="button">Small button</button>
                                <button class="btn-u btn-u-sm btn-u-dark-blue" type="button">Small button</button>
                            </p>
                            <p>
                                <button class="btn-u btn-u-xs btn-u-default" type="button">Mini button</button>
                                <button class="btn-u btn-u-xs btn-u-blue" type="button">Mini button</button>
                            </p>
                        </div>
                        <!-- End Button Sizes -->
                        <!-- Block Buttons-->
                        <div class="col-md-6">
                            <p>Create block level buttons—those that span the full width of a parent— by adding <code>.btn-block</code>.</p>
                            <button class="btn-u btn-u-lg btn-block btn-u-blue" type="button">Block level button</button>
                            <button class="btn-u btn-block btn-u-green" type="button">Block level button</button>
                            <button class="btn-u btn-u-sm btn-block btn-u-red" type="button">Block level button</button>
                            <button class="btn-u btn-u-xs btn-block btn-u-default" type="button">Block level button</button>
                        </div>
                        <!-- End Block Buttons-->
                    </div><!--/row-->
                    <!-- End Button Sizes and Block Buttons -->
                    <!-- Disabled States -->
                    <div class="headline"><h2>Disabled State</h2></div>
                    <div class="row margin-bottom-40">
                        <div class="col-md-6">
                            <p>- Add the <code>.disabled</code> class to <code>a</code> buttons.</p>
                            <p>- Add the <code>disabled</code> attribute to <code>button</code> buttons.</p>
                            <div class="margin-bottom-10">
                                <a href="#" class="btn btn-lg btn-primary disabled">Primary link</a>
                                <a href="#" class="btn btn-lg disabled">Link</a>
                            </div>
                            <button type="button" class="btn btn-lg btn-primary disabled" disabled="disabled">Primary button</button>
                            <button type="button" class="btn btn-lg" disabled>Button</button>
                        </div>
                        <div class="col-md-6">
                            <p>
                                <button class="btn btn-u btn-u-yellow btn-u-lg disabled" type="button" disabled="disabled">Large button</button>
                                <button class="btn btn-u btn-u-sea btn-u-lg disabled" type="button" disabled="disabled">Large button</button>
                            </p>
                            <p>
                                <button class="btn btn-u btn-u-red disabled" type="button" disabled="disabled">Default button</button>
                                <button class="btn btn-u btn-u-orange disabled" type="button" disabled="disabled">Default button</button>
                            </p>
                            <p>
                                <button class="btn btn-u btn-u-sm btn-u-blue disabled" type="button" disabled="disabled">Small button</button>
                                <button class="btn btn-u btn-u-sm btn-u-green disabled" type="button" disabled="disabled">Small button</button>
                            </p>
                            <p>
                                <button class="btn btn-xs btn-primary disabled" type="button" disabled="disabled">Mini button</button>
                                <button class="btn btn-xs btn-default disabled" type="button" disabled="disabled">Mini button</button>
                            </p>
                        </div>
                    </div>
                    <!-- End Disabled States -->
                    <!-- Rounded Buttons -->
                    <div class="headline"><h2>Rounded Buttons</h2></div>
                    <p>- Some rounded buttons examples. Add a class <code>.rounded</code> to buttons</p>
                    <br>
                    <div class="row margin-bottom-40">
                        <div class="col-md-6">
                            <p>
                                <button class="btn btn-lg rounded btn-default" type="button">Large button</button>
                                <button class="btn btn-lg rounded btn-primary" type="button">Large button</button>
                            </p>
                            <p>
                                <button class="btn rounded btn-info" type="button">Default button</button>
                                <button class="btn rounded btn-success" type="button">Default button</button>
                            </p>
                            <p>
                                <button class="btn btn-sm rounded btn-warning" type="button">Small button</button>
                                <button class="btn btn-sm rounded btn-danger" type="button">Small button</button>
                            </p>
                            <p>
                                <button class="btn btn-xs rounded btn-primary" type="button">Mini button</button>
                                <button class="btn btn-xs rounded btn-default" type="button">Mini button</button>
                            </p>
                        </div>
                        <div class="col-md-6">
                            <p>
                                <button class="btn-u btn-u-lg rounded btn-u-red" type="button">Large button</button>
                                <button class="btn-u btn-u-lg rounded btn-u-aqua" type="button">Large button</button>
                            </p>
                            <p>
                                <button class="btn-u rounded btn-u-brown" type="button">Default button</button>
                                <button class="btn-u rounded btn-u-dark-blue" type="button">Default button</button>
                            </p>
                            <p>
                                <button class="btn-u btn-u-sm rounded btn-u-purple" type="button">Small button</button>
                                <button class="btn-u btn-u-sm rounded btn-u-light-green" type="button">Small button</button>
                            </p>
                            <p>
                                <button class="btn-u btn-u-xs rounded btn-u-default" type="button">Mini button</button>
                                <button class="btn-u btn-u-xs rounded btn-u-yellow" type="button">Mini button</button>
                            </p>
                        </div>
                    </div><!--/row-->
                    <!-- End Rounded Buttons -->
                    <div class="margin-bottom-40">
                        <p>- Moreover, you can add more rounded classes such as <code>.rounded</code>, <code>.rounded-2x</code>, <code>.rounded-3x</code> and <code>.rounded-4x</code> to buttons</p>
                        <p>
                            <button class="btn-u btn-u-lg rounded-4x btn-u-purple" type="button">.rounded-4x</button>
                            <button class="btn-u rounded-3x btn-u-blue" type="button">.rounded-3x</button>
                            <button class="btn-u btn-u-sm rounded-2x btn-u-default" type="button">.rounded-2x</button>
                            <button class="btn-u btn-u-xs rounded btn-u-brown" type="button">.rounded</button>
                        </p>
                        <p>
                            <button class="btn-u btn-u-xs rounded-4x btn-u-green" type="button">.rounded-4x</button>
                            <button class="btn-u btn-u-sm rounded-3x btn-u-dark" type="button">.rounded-3x</button>
                            <button class="btn-u rounded-2x btn-u-dark-blue" type="button">.rounded-2x</button>
                            <button class="btn-u btn-u-lg rounded btn-u-sea" type="button">.rounded</button>
                        </p>
                    </div>
                    <!-- Dropdown Buttons -->
                    <div class="headline"><h2>Dropdown Buttons</h2></div>
                    <div class="margin-bottom-30">
                        <h3 class="heading-sm">- Bootstrap button dropdowns</h3>
                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-eye"></i> Action</a></li>
                                <li><a href="#"><i class="fa fa-edit"></i> Edit Profile</a></li>
                                <li><a href="#"><i class="fa fa-cloud"></i> Another action</a></li>
                                <li><a href="#"><i class="fa fa-shopping-cart"></i> Shopping Cart</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
                                <li><a href="#"><i class="fa fa-download"></i> Download Files</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <!-- End Single button -->
                    </div>
                    <hr>
                    <div class="margin-bottom-40">
                        <h3 class="heading-sm">- Unify button dropdowns</h3>
                        <div class="btn-group">
                            <button type="button" class="btn-u dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-edit"></i> Edit Profile</a></li>
                                <li><a href="#"><i class="fa fa-cloud"></i> Another action</a></li>
                                <li><a href="#"><i class="fa fa-shopping-cart"></i> Shopping Cart</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-dark dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-blue dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-red dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-purple dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-dark-blue dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-orange dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-aqua dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-default dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-brown dropdown-toggle" data-toggle="dropdown">
                                Action
                                <i class="fa fa-angle-down"></i>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <!-- End Single button -->
                    </div>
                    <!-- End Dropdown Buttons -->

                    <hr>
                    <!-- Split Button Dropdowns -->
                    <div class="margin-bottom-40">
                        <h3 class="heading-sm">- Split button dropdowns with icons</h3>
                        <div class="btn-group">
                            <button type="button" class="btn btn-default">Settings</button>
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-cog"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-arrows-alt"></i> Fullscreen</a></li>
                                <li><a href="#"><i class="fa fa-unlink"></i> Some Links</a></li>
                                <li><a href="#"><i class="fa fa-list"></i> Main Links</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cloud-download"></i> Download All</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-primary">Action</button>
                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-sort"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-danger">Action</button>
                            <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-chevron-down"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-warning">Action</button>
                            <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-caret-down"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-success">Action</button>
                            <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-angle-down"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-info">Action</button>
                            <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-long-arrow-down"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Split Button Dropdowns -->
                    <hr>
                    <!-- Split Unify Button Dropdowns -->
                    <div class="margin-bottom-40">
                        <h3 class="heading-sm">- Unify split button dropdowns with icons</h3>
                        <p>For Unify Split button dropdowns you should add a class <code>btn-u-split-*</code></p>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-default">Settings</button>
                            <button type="button" class="btn-u btn-u-default btn-u-split-default dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-cog"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-arrows-alt"></i> Fullscreen</a></li>
                                <li><a href="#"><i class="fa fa-unlink"></i> Some Links</a></li>
                                <li><a href="#"><i class="fa fa-list"></i> Main Links</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cloud-download"></i> Download All</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-blue">
                                <i class="fa fa-cloud"></i>
                                Cloud Hosting
                            </button>
                            <button type="button" class="btn-u btn-u-blue btn-u-split-blue dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-angle-down"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-arrows-alt"></i> Fullscreen</a></li>
                                <li><a href="#"><i class="fa fa-unlink"></i> Some Links</a></li>
                                <li><a href="#"><i class="fa fa-list"></i> Main Links</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cloud-download"></i> Download All</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u">Profile</button>
                            <button type="button" class="btn-u btn-u-split dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-user"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-arrows-alt"></i> Fullscreen</a></li>
                                <li><a href="#"><i class="fa fa-unlink"></i> Some Links</a></li>
                                <li><a href="#"><i class="fa fa-list"></i> Main Links</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cloud-download"></i> Download All</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-purple">Messages</button>
                            <button type="button" class="btn-u btn-u-purple btn-u-split-purple dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-envelope-o"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-arrows-alt"></i> Fullscreen</a></li>
                                <li><a href="#"><i class="fa fa-unlink"></i> Some Links</a></li>
                                <li><a href="#"><i class="fa fa-list"></i> Main Links</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cloud-download"></i> Download All</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-sea">Notifications</button>
                            <button type="button" class="btn-u btn-u-sea btn-u-split-sea dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-flag"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-arrows-alt"></i> Fullscreen</a></li>
                                <li><a href="#"><i class="fa fa-unlink"></i> Some Links</a></li>
                                <li><a href="#"><i class="fa fa-list"></i> Main Links</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cloud-download"></i> Download All</a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn-u btn-u-red">Action</button>
                            <button type="button" class="btn-u btn-u-red btn-u-split-red dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-sort"></i>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="fa fa-arrows-alt"></i> Fullscreen</a></li>
                                <li><a href="#"><i class="fa fa-unlink"></i> Some Links</a></li>
                                <li><a href="#"><i class="fa fa-list"></i> Main Links</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-cloud-download"></i> Download All</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Split Unify Button Dropdowns -->
                    <div class="tag-box tag-box-v2">
                        <p>Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat.</p>
                    </div>
                </div>
                <!-- End Content -->
            </div>
        </div><!--/container-->
        <!--=== End Content Part ===-->
        <!--=== Footer ===-->
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 md-margin-bottom-40">
                        <!-- About -->
                        <div class="headline"><h2>About</h2></div>
                        <p class="margin-bottom-25 md-margin-bottom-40">Unify is an incredibly beautiful responsive Bootstrap Template for corporate and creative professionals.</p>
                        <!-- End About -->
                        <!-- Monthly Newsletter -->
                        <div class="headline"><h2>Monthly Newsletter</h2></div>
                        <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
                        <form class="footer-subsribe">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Email Address">
                                <span class="input-group-btn">
                                    <button class="btn-u" type="button">Subscribe</button>
                                </span>
                            </div>
                        </form>
                        <!-- End Monthly Newsletter -->
                    </div><!--/col-md-4-->

                    <div class="col-md-4 md-margin-bottom-40">
                        <!-- Recent Blogs -->
                        <div class="posts">
                            <div class="headline"><h2>Recent Blog Entries</h2></div>
                            <dl class="dl-horizontal">
                                <dt><a href="#"><img src="~/assets/img/sliders/elastislide/6.jpg" alt="" /></a></dt>
                                <dd>
                                    <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p>
                                </dd>
                            </dl>
                            <dl class="dl-horizontal">
                                <dt><a href="#"><img src="~/assets/img/sliders/elastislide/10.jpg" alt="" /></a></dt>
                                <dd>
                                    <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p>
                                </dd>
                            </dl>
                            <dl class="dl-horizontal">
                                <dt><a href="#"><img src="~/assets/img/sliders/elastislide/11.jpg" alt="" /></a></dt>
                                <dd>
                                    <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p>
                                </dd>
                            </dl>
                        </div>
                        <!-- End Recent Blogs -->
                    </div><!--/col-md-4-->
                    <div class="col-md-4">
                        <!-- Contact Us -->
                        <div class="headline"><h2>Contact Us</h2></div>
                        <address class="md-margin-bottom-40">
                            25, Lorem Lis Street, Orange <br />
                            California, US <br />
                            Phone: 800 123 3456 <br />
                            Fax: 800 123 3456 <br />
                            Email: <a href="mailto:info@anybiz.com" class="">info@anybiz.com</a>
                        </address>
                        <!-- End Contact Us -->
                        <!-- Social Links -->
                        <div class="headline"><h2>Stay Connected</h2></div>
                        <ul class="social-icons">
                            <li><a href="#" data-original-title="Feed" class="social_rss"></a></li>
                            <li><a href="#" data-original-title="Facebook" class="social_facebook"></a></li>
                            <li><a href="#" data-original-title="Twitter" class="social_twitter"></a></li>
                            <li><a href="#" data-original-title="Goole Plus" class="social_googleplus"></a></li>
                            <li><a href="#" data-original-title="Pinterest" class="social_pintrest"></a></li>
                            <li><a href="#" data-original-title="Linkedin" class="social_linkedin"></a></li>
                            <li><a href="#" data-original-title="Vimeo" class="social_vimeo"></a></li>
                        </ul>
                        <!-- End Social Links -->
                    </div><!--/col-md-4-->
                </div>
            </div>
        </div><!--/footer-->
        <!--=== End Footer ===-->
        <!--=== Copyright ===-->
        <div class="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>
                            2014 &copy; Unify. ALL Rights Reserved.
                            <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
                        </p>
                    </div>
                    <div class="col-md-6">
                        <a href="index-2.html">
                            <img class="pull-right" id="logo-footer" src="~/assets/css/themes/@SiteConfiguration.MvcTheme/images/logo2-@(SiteConfiguration.MvcTheme).png" alt="" />
                        </a>
                    </div>
                </div>
            </div>
        </div><!--/copyright-->
        <!--=== End Copyright ===-->
    </div><!--/End Wrapepr-->
    <!-- JS Global Compulsory -->
    <script type="text/javascript" src="~/assets/plugins/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="~/assets/plugins/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="~/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <!-- JS Implementing Plugins -->
    <script type="text/javascript" src="~/assets/plugins/back-to-top.js"></script>
    <!-- JS Page Level -->
    <script type="text/javascript" src="~/assets/js/app.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ()
        {
            App.init();
        });
    </script>
    <!--[if lt IE 9]>
        <script src="assets/plugins/respond.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-29166220-1']);
        _gaq.push(['_setDomainName', 'htmlstream.com']);
        _gaq.push(['_trackPageview']);

        (function ()
        {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>
</body>
<!-- Mirrored from htmlstream.com/preview/unify-v1.4/feature_btn_general.html by HTTrack Website Copier/3.x [XR&CO'2013], Mon, 09 Jun 2014 17:02:47 GMT -->
</html> 